<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js与Android交互</title>

    <h1 id="h">欢迎光临启舰的blog</h1>
    <script>
        // 如何不注册对象，直接执行方法,单双引号都行好像
        jsBridge.setTitle("js调用Android方法设置title")
        //弹出一个输入框，输入一段文字，可以提交
        function prom() {
            var name = prompt("请输入您的名字", ""); //将输入的内容赋给变量 name ，

            //这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值
            if (name)//如果返回的有内容
            {
                alert("欢迎您：" + name)
            }

        }

        /* Android在4.4之前并没有提供直接调用js函数并获取值的方法.
         * 也就是说，我们只能调用JS中的函数，并不能得到该函数的返回值，想得到返回值我们就得想其它办法，所以在此之前，常用的思路是
         * java调用js方法，js方法执行完毕，再次调用java代码将值返回*/
        function sum(i, m) {
            var result = i + m;
            // 把h1标签的内容改为求和后的结果值，看一下掌链上的从标签中读取分享内容的代码
            document.getElementById("h").innerHTML = result;
            jsBridge.toast(result);
        }






    </script>

</head>
<body>
<button onclick="confirm('confirm')">confirm</button>
<button onclick="alert('alert')">alert</button>
<button onclick="prompt('prompt')">prompt</button>
<img src="http://article.fd.zol-img.com.cn/t_s500x2000/g4/M08/04/06/Cg-4WlPoSQaIJMNHAAFQxnn-qSoAAQZGQCqggkAAVDe827.jpg"/>
<img src="http://image.tianjimedia.com/uploadImages/2013/324/E85BW32E3U69_1000x500.jpg"/>
<p>
    <button onclick="jsBridge.toast()">点击我调用android不带参数方法</button>
</p>
<p>
    <button onclick="jsBridge.toast('js调用Android带参数方法')">点击我调用android带参数方法</button>
</p>
</body>
</html>